<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--  类选择器  class
    1. 设置给元素的 class 属性，写什么都可以，有意义即可
    2. css 中 .class的值即可命中对应的元素
   -->
  <style>
    .city{
        font-weight: 900;
        font-size: 30px;
        color: orange;
        font-style: italic;
    }

    .goods{
          /* 元素 如果同时添加了 class 的样式和元素选择器的样式
            .class的优先级高一些 > 元素选择器
        */
        background-color: yellow;
    }
  </style>

    <title>Document</title>
</head>
<body>
 <p>
    9月18日上午，
    <span class="goods">美诚月饼 </span>生产地之一的辖区市场监管局——<span class="city">广州市花都区</span>市场监督管理局工作人员告诉极目新闻记者，
    他们此前已经开始了对<span class="city">广州市</span><span> 美诚食品</span>有限公司的核查工作，对该公司的营业资质以及合作授权问题进行了核查。
    目前，他们正与合肥市场监督管理部门沟通具体的核查情况，已经发出了相应的协查函件，后续会出具体的核查报告。
 </p>

</body>
</html>